<template>
    <div class="wrap" v-if="isShow">
        <div class="content">
            <!-- <div class="top">
                <img src="~@/assets/imgs/home/icon_personal.png" alt="">
            </div> -->
            <!-- <div class="text">
                <div>
                    New loan amount is unlocked, 
                </div>
                <div>
                    only today, apply now!
                </div>
            </div> -->
            <button class="btn-ui confirm" @click="returnTo">OK</button>
            <img @click="()=>isShow=false" class="close" src="~@/assets/imgs/icon-close.png" alt="">
        </div>
    </div>
</template>
<script>
export default {
    props: {
        pageTrackerInfo: null
    },
    data(){
        return {
            isShow:false
        }
    },
    methods:{
        returnTo(){
            // let appName = this.$storage.get('appName') || 'Takecash';
            // let appPackage = this.$storage.get('appPackage') || 'com.takecash.app';
            // let str = `${appName} , ${appPackage}`;
            const user = this.$storage.get('user');
            this.$buryPoint.action({
                eventName: 'home_quotaPopup_click',
                eventValue: user && user.code ? { login: 1 } : { login: 0 },
                ...this.pageTrackerInfo
            });
            // this.$hybrid.action('ee', {
            //     content: 'home_quotaPopup_click',
            //     value: str,
            // });
            this.$router.push('/product/productList')
        }
    }
}
</script>
<style lang="scss" scoped>
.wrap{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 13;
    background: rgba(0, 0, 0, 0.50);
    .content{
        width: 590px;
        height: 570px;
        background: url("~@/assets/imgs/market/bg.png");
        background-size: 100% 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-70%);
        text-align: center;
        .top{
            width: 100%;
            height: 338px;
            padding-top: 34px;
            text-align: center;
            img{
                width: 214px;
                height: 246px;
            }
        }
    }
    .confirm{
        width: 240px;
        color: white;
        margin-top: 430px;
    }
    .close{
        position: absolute;
        bottom: -124px;
        width: 64px;
        height: 64px;
        left: 50%;
        transform: translateX(-50%);
    }
}
</style>